<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城列表页</title>
    <link rel="stylesheet" href="/css/header2.css">
    <link rel="stylesheet" href="/css/footer.css">
    <link rel="stylesheet" href="/css/public.css">
    <link rel="stylesheet" href="/css/list.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2348611_o77qivzm3f.css">
</head>
<body>
    <div class="header2"></div>
    <!-- 所处位置开始 -->
    <div class="position">
        <div class="typepage">
            <a href="">首页</a>
            >
            <a href="">全部结果</a>
            >
            <span>小米11</span>
        </div>
    </div>
    <!-- 所处位置结束 -->

    <!-- 分类开始 -->
    <div class="classify">
        <div class="typepage">
            <span>分类：</span>
            <ul>
                <li><a href="">全部</a></li>
                <li><a href="">手机</a></li>
                <li><a href="">路由器</a></li>
                <li><a href="">手机配件</a></li>
                <li><a href="">手机保护壳</a></li>
                <li><a href="">服务</a></li>
            </ul>
        </div>
    </div>
    <!-- 分类结束 -->

    <!-- 内容部分开始 -->
    <section>
        <div class="typepage">
            <div class="message">
                <ul>
                    <li><a href="">综合</a></li>
                    <div class="line"></div>
                    <li><a href="">新品</a></li>
                    <div class="line"></div>
                    <li><a href="">销量</a></li>
                    <div class="line"></div>
                    <li><a href="">价格</a></li>
                </ul>
                <div class="inp">
                    <span>收货地</span>
                    <div class="loc">
                        <a href="">北京 北京市</a>
                        <div class="sj"></div>
                        <!-- <div class="entry">
                            <input type="text">
                            <i class=""></i>
                        </div> -->
                    </div>
                    <input type="checkbox">
                    <span class="fx">促销</span>
                    <input type="checkbox">
                    <span class="fx">分期</span>
                    <input type="checkbox">
                    <span class="fx">仅看有货</span>
                </div>
            </div>
            <div class="list">
                <ul>
            
                </ul>
            </div>
            <script type="text/html" id="listTemplate">
                {{each list item}}
                    <li prod="{{item.itemId}}" prodid ="{{item.id}}" class="listid">
                        <a href="/html/details.html?id={{item.id}}">
                            <img src="{{item.image}}" alt="" class="bigimg">
                        </a>
                        <p><a href="">{{item.title}}</a></p>
                        <p>{{item.price}}元</p>
                        <div class="imglist">
                            
                        </div>
                        <div class="small">
                            <img src="../images/list/mx.png" alt="">
                            <img src="../images/list/jg.png" alt="">
                        </div>
                    </li>
                {{/each}}
            </script>
            <script type="text/html" id="xiaotu">
                {{each photo small}}
                <img src="{{small.url}}" alt="" class="smallimg">
                {{/each}}
            </script>
        </div>
    </section>
    <!-- 内容部分结束 -->

    <footer></footer>

    <script src="/lib/requirejs/require.js" data-main="/js/list"></script>
</body>
</html>